<template>
  <div>
    <mt-header title="简历">
      <router-link to="/my" slot="left">
        <mt-button icon="back">返回</mt-button>
      </router-link>
      <mt-button icon="more" slot="right"></mt-button>
    </mt-header>
    <div class="m2">
      <span>昵称</span>
      <span>14224 </span>
    </div>

    <div class="m3">
      <span>性别</span>
      <span>124343 </span>
    </div>

    <div class="m4">
      <span>年龄</span>
      <span>12541 </span>
    </div>

    <div class="m5">
      <span>学历</span>
      <span>211532 </span>
    </div>

    <div class="m6">
      <span>工作经历</span>
      <span>23542 </span>
    </div>

    <div class="m7">
      <span>电话号码</span>
      <span>23542</span>
    </div>

    <div class="m8">
      编辑信息
    </div>
	<router-view />
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: "",
      jianli1: {},
    };
  },

  methods: {},
};
</script>

<style lang="scss">
.m2,
.m3,
.m4,
.m5,
.m6,
.m7 {
  display: flex; //在一行显示
  margin: 2px auto;
  background-color: #fff;
  padding: 10px 0px 10px 0px;
  border-bottom: 2px solid #ccc;
  span:nth-child(1) {
    font-weight: 600;
    font-size: 17px;
    color: #000;
    margin: 0px 30px 0px 5px;
  }
  span:nth-child(2) {
    position: absolute;
    left: 110px;
    margin-left: 10px;
    font-size: 18px;
    color: #6D6D72;
  }
}

.m8 {
  margin: 40px 90px 0px 90px;
  padding: 10px;
  border-radius: 5px;
  color: #eee;
  background-color: #E88807;
  text-align: center;
}
</style>
